<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看客户详情</title>

    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>


    <!--    引入Layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>


</head>
<body style="padding: 2px 25px;">

    <div id="app">
        <template>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="缴费记录" name="1">
                    <iframe :src="src1" width="100%" :height="iframeHeight" frameborder="0"></iframe>
                </el-tab-pane>
                <el-tab-pane label="抄表记录" name="2">
                    <iframe :src="src2" width="100%" :height="iframeHeight" frameborder="0"></iframe>
                </el-tab-pane>

            </el-tabs>
        </template>
    </div>

    <script>


        var vm = new Vue({
           el:"#app",
           data:{
               activeName: '1',
               iframeHeight:0,
               parmsData : {},
               formInline:{},
               src1:"/admin/html/module/shuiwu/jiaofei_list/list.html?tableId="+getTableId("903"),
               src2:"",
               src3:"",
           },
           created(){
               this.iframeHeight = document.documentElement.scrollHeight - 80;
               this.parmsData = getParams();
               this.formInline["khid"] = this.parmsData.id;
           },
            methods:{
                handleClick(tab, event) {
                    console.log(this.activeName);
                    if(this.activeName == "2"){
                        this.src2 = "/admin/html/dataManagement/list.html?tableId="+getTableId("1105");
                    }

                }
            }
        });
    </script>
</body>
</html>